<template>
<div class="biankuang">
    <div class="listProfile">
    <div>
      <button type="button" class="btn btn-info">所有管理员</button>
      <button type="button" class="btn btn-info">添加管理员</button>
    </div>

    <div class="listProfile_mid">
      <table class="table table-bordered table-hover">
        <thead>
          <tr>
            <th>序号</th>
            <th>账号</th>
            <th>姓名</th>
            <th>邮箱</th>
            <th>电话</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody>
          <tr v-for="(key,x) in 15">
                        <td v-for="(key,x) in 5">{{key+1}}</td>
                        <td>编辑 删除</td>
          </tr>
        </tbody>
      </table>
    </div>
    
    <div class="listProfile_down">
            <button type="button" class="listProfile_down_margin btn btn-default">首页</button>
            <button type="button" class="listProfile_down_margin btn btn-default">上一页</button>
            <button type="button" class="listProfile_down_margin btn btn-default">下一页</button>
            <button type="button" class="listProfile_down_margin btn btn-default">尾页</button>
            <span class="listProfile_down_margin label label-success" style="font-size: 20px;font-family: ">每页 15 条，当前页：12， 总页数： 200</span>
            <input type="search" name="" id="input" class="form-control" value="" required="required" title="" style="width: 70px;">
            <button type="button" class="listProfile_down_margin btn btn-default">跳转</button>
        </div>
    </div>
    </div>
</template>

<script>
    module.exports = {
        data: function () {
            return {

            }
        }
    }
</script>

<style>
.biankuang{
  background-color: #FFFFFF;
  border: 1px #1e88e5 solid;
  border-radius: 5px;
  padding: 10px;
}
.listProfile_mid{
  margin-top: 10px;
  margin-bottom: 10px;
}
.listProfile_down{
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}
.listProfile_down_margin{
    margin-right: 20px;
    margin-left: 20px;
}
</style>
